
.menu a{
	display: inline-block;
	padding: 12px 2px;
	border-bottom: 2px solid #fff;
}
/*dispaly:inline-block 能让行元素变为块，行元素使用边距无法独占一行*/
.menu a:hover,.menu .active{
	padding: 12px 2px;
	border-bottom: 2px solid #b82721;
	color: #b82721;
}

.title{
	padding-top: 20px;
}
.pos{
	line-height: 50px;
	color: #a3a3a3;
}
.pos a{
	color: #a3a3a3;
}
.list .box span:first-child{
	font-size: 44.95px;

}
.list .box span{
	color: #8d8d8d;
}
.list .box{
	padding-top: 20px;
	transition: transform .2s linear;
}
.list .box:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);

    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
.list h3{
	margin: 40px 0 0 44px;
	font-size: 18px;
}
.list p{
	margin: 18px 0 0 44px;
	color: #a3a3a3;
	
	text-indent: 2em;
	margin-bottom: 75px;
	

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;  /*内容超出的显示省略号*/
	height: 75px;
}
.list img{
	height: 269px; 
}


@media screen and (max-width: 768px){
	
	.menu div:nth-child(3),
.menu div:nth-child(5){
	text-align: left;
}
.menu div:nth-child(4){
text-align: right;
}
.pos{
	text-align: center;
}
.title {
	padding-top: 0;
}
.list h3,.list p{
		margin-left: 0;
		text-align: center;
	}
	.list p{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.list img{
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

	
}